<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/gongy.css"/>
    <link rel="stylesheet" type="text/css" href="css/listgy.css"/>
    <link rel="stylesheet" type="text/css" href="css/lianxi.css"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
	<!-- 主界面移动、菜单不动 -->
	<div class="mui-off-canvas-wrap mui-draggable">
	  <!-- 菜单容器 -->
	  <aside class="mui-off-canvas-left" id="offCanvasSide">
	    <div class="mui-scroll-wrapper">
	      <div class="mui-scroll">
	        <!-- 菜单具体展示内容 -->
	     		<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="index.html">首页</a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="congz.html">丛书展示</a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="zixlist.html">咨讯中心</a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="about.html">关于我们</a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="lianxi.html">联系我们</a>
				    </li>
				</ul>
	      </div>
	    </div>
	  </aside>
	  <!-- 主页面容器 -->
	  <div class="mui-inner-wrap">
	    <!-- 主页面标题 -->
	    <header class="mui-bar mui-bar-nav biaotop congti">
	    	<a class="mui-btn iconfont congbtn01" href="javascript:history.go(-1)">&#xe608;返回</a>
	    	<a class="mui-btn iconfont congbtn02" href="">&#xe600;</a>
	    </header>
	    <span class="congtop">
	    	<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"  href="#offCanvasSide" ></a>
	    	 <h4>联系我们</h4>
	    </span>
	    <nav class="mui-bar mui-bar-tab xialan">
		    <a class="mui-tab-item mui-active" href="index.html">
		        <span class="mui-icon iconfont">&#xe606;</span>
		        <span class="mui-tab-label">首页</span>
		    </a>
		    <a class="mui-tab-item">
		        <span class="mui-icon iconfont">&#xe605;</span>
		        <span class="mui-tab-label">QQ</span>
		    </a>
		    <a class="mui-tab-item">
		        <span class="mui-icon iconfont">&#xe60a;</span>
		        <span class="mui-tab-label">公司介绍</span>
		    </a>
		    <a class="mui-tab-item" href="lianxi.html">
		        <span class="mui-icon iconfont">&#xe604;</span>
		        <span class="mui-tab-label">联系我们</span>
		    </a>
		</nav>
	    <div class="mui-content mui-scroll-wrapper bluebg">
	      <div class="mui-scroll">
	        <!-- 主界面具体展示内容 -->
	        	<div class="lianxi">
	        		<div class="lianban"></div>
		         	<div class="cong_list lianx_main">
		         		<div class="lian_weiz">
		         			<iframe id="mapPage" width="100%" height="200px" frameborder=1 
								src="http://apis.map.qq.com/tools/poimarker?type=0&marker=coord:31.132901,119.921265;addr:浙江省湖州市长兴县香月线&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp">
							</iframe>
		         		</div>
		         		<div class="lian_liuy">
		         			<h4 class="lian_tit">发布留言</h4>
		         			<p class="huany">欢迎给我们留言，我们会尽快与您联系的！</p>
		         			<div class="xinxi">
		         				<form action="" method="get">
		         					<ul>
		         						<li>*姓名：<input type="text" /></li>
		         						<li>*电话：<input type="text" /></li>
		         						<li>*邮箱：<input type="text" /></li>
		         						<li>*内容：<textarea name="" id="" class="lyban" cols="30" rows="10"></textarea></li>
		         						<li class="lybtn">
		         							<input class="tijiao" type="submit" value="提交"/>
		         							<input class="chongz" type="reset" value="重置" />
		         						</li>
		         					</ul>
		         				</form>
		         			</div>
		         		</div>
		         		<div class="lian_fangs">
		         			<h4 class="lian_tit">联系我们</h4>
		         			<p>地址：<span>和怡养生xxxxxx</span></p>
			         		<p>电话：<span>1234567890</span></p>
			         		<p>Q  Q：<span>123456789</span></p>
			         		<p>邮箱：<span>www.123456789@.com</span></p>
			         	</div>
		         	</div>
	         	</div>
	         </div>
	    </div> 
	    <div class="mui-off-canvas-backdrop"></div>
	  </div> 
	</div>
	<script type="text/javascript">
		mui('.mui-scroll-wrapper').scroll({
			deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
		});
		mui('body').on('tap','a',function(){document.location.href=this.href;});
	</script>
</body>
</html>